<!DOCTYPE html>
<!-- saved from url=(0039)http://wx.zhongfubang.com/new_list.html -->
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>关爱资讯</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<link href="./css/mui.min.css" rel="stylesheet">
		<style type="text/css">
			header {
				background: rgb(255, 91, 55) !important;
			}
			
			.mui-title {
				color: #fff;
			}
			
			.mui-card {
				border-radius: 1rem;
				margin-bottom: 6rem;
			}
			
			.mui-card-header {
				color: #757575
			}
			
			.mui-media-object {
				border-radius: 0.5rem
			}
			
			.mui-media {
				font-size: 14px;
			}
			
			.mui-table-view .mui-media-object {
				max-width: initial;
				width: 90px;
				height: 70px;
			}
			
			.meta-info {
				position: absolute;
				left: 115px;
				right: 15px;
				bottom: 8px;
				color: #8f8f94;
			}
			
			.meta-info .author,
			.meta-info .time {
				display: inline-block;
			}
			
			.meta-info .time {
				float: right;
			}
			
			.mui-table-view:before,
			.mui-table-view:after {
				height: 0;
			}
			
			.mui-content>.mui-table-view:first-child {
				margin-top: 1px;
			}
			
			.banner {
				height: 180px;
				overflow: hidden;
				position: relative;
				background-position: center;
				background-color: #ccc;
			}
			
			.banner img {
				width: 100%;
				height: auto;
			}
			
			.banner .title {
				position: absolute;
				left: 15px;
				bottom: 15px;
				width: 90%;
				font-size: 16px;
				font-weight: 400;
				line-height: 21px;
				color: white;
				z-index: 11;
			}
			/**/
			
			html {
				font-size: 10px;
			}
			
			.footer-bar {
				/*font-size: 10px;*/
				background: #fff;
				/*border-top: 2px solid rgb(117, 117, 117);*/
				box-shadow: 0 0 16px rgb(117, 117, 117);
				position: fixed;
				bottom: 0;
				width: 100%;
				padding-top: 4px;
				margin-top: 2rem;
			}
			
			.footer-bar .icon-box {
				text-align: center;
				width: 20%;
			}
			
			.footer-bar .icon-box .mui-icon {
				color: rgb(117, 117, 117);
				font-size: 2.8rem;
			}
			
			.footer-bar .icon-box a {
				color: rgb(117, 117, 117);
			}
			
			.icon-text {
				font-size: 1.5rem;
				color: rgb(117, 117, 117);
			}
			
			.active-page {
				color: rgb(255, 91, 55) !important;
			}
			
			.mui-card {
				margin-bottom: 7rem;
			}
			
			.mui-bar-tab .mui-tab-item.mui-active {
				color: rgb(255, 91, 55);
			}
			/**/
		</style>
		<style type="text/css" abt="234"></style>
		<style type="text/css"></style>
		<script>
			//console.log('a')
		</script>
		<script>
			//remove 17173 video ad
		</script>
		<style type="text/css">
			object,
			embed {
				-webkit-animation-duration: .001s;
				-webkit-animation-name: playerInserted;
				-ms-animation-duration: .001s;
				-ms-animation-name: playerInserted;
				-o-animation-duration: .001s;
				-o-animation-name: playerInserted;
				animation-duration: .001s;
				animation-name: playerInserted;
			}
			
			@-webkit-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@-ms-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@-o-keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
			
			@keyframes playerInserted {
				from {
					opacity: 0.99;
				}
				to {
					opacity: 1;
				}
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bgcolor">
			<h1 class="mui-title">关爱</h1>
			<a style="color: white;" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div id="app" class="mui-content">
			<div class="banner">
				<a href="javascript:;"><img src="./img/health.jpg"></a>
			</div>
			<div class="mui-card">
				<div class="mui-card-header"><img src="./img/healthInformation.png">关爱资讯
				</div>
				<div class="mui-card-content">
					<ul id="articles" class="mui-table-view" v-for="v in new_list">
						<li v-bind:id="v.id" class="mui-table-view-cell mui-media" @click="new_info(v.id);">
							<a><img src="./img/0142135541fe180000019ae9b8cf86.jpg@1280w_1l_2o_100sh.png" class="mui-media-object mui-pull-left">
								<div class="mui-media-body">
									<div class="mui-ellipsis-2">{{v.title}}</div>
								</div>
								<div class="meta-info">
									<div class="author">阅读:{{v.clickCount==null?0:v.clickCount}}</div>
									<div class="time">{{v.updateDateStr}}</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<nav class="mui-bar mui-bar-tab">
				<a href="index.html" class="mui-tab-item "><span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span></a>
				<a href="order_list.html" class="mui-tab-item "><span class="mui-icon mui-icon-email"></span> <span class="mui-tab-label">互助</span></a>
				<a href="new_list.html" class="mui-tab-item mui-active"><span class="mui-icon mui-icon-gear"></span> <span class="mui-tab-label">关爱</span></a>
				<a href="myCenter.html" class="mui-tab-item"><span class="mui-icon mui-icon-person"></span> <span class="mui-tab-label">我的</span></a>
			</nav>
		</div>

		<script src="./js/mui.js"></script>
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<script type="text/javascript" src="./js/common.js"></script>

		<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			var vue = new Vue({
				el: "#app",
				data: {
					new_list: []
				},
				/*methods: {
					new_info: function(event) {
						var self = event.currentTarget;
						var id = self.getAttribute("id");
						mui.openWindow('new_info.html?healthInfoId=' + id, '', {});
					}
				}*/
			});

			window.onload = load();

			function load() {
				checkVersion();
				get_new_list();
			}

			function get_new_list() {
				var url = root + 'index/selectHealthInfoList'
				mui.get(url, {
					},
					function(result) {
						vue.new_list = result.data;
					}, 'json');
			}
			
			function new_info(id){
				mui.openWindow('new_info.html?healthInfoId=' + id, '', {});
			}

			mui('.mui-bar-tab').on('tap','a',function(){
				var href = this.getAttribute('href');
				if(href=="myCenter.html"||href=="order_list.html"){
					if(!isLogin()){
						window.location.href="login.html";
					}else{
						window.location.href=this.getAttribute('href');
					}
				}else{
					window.location.href=this.getAttribute('href');
				}
          });
		</script>

	</body>

</html>